<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家用电器_大商创商城系统 B2B2C 多商户系统 多店铺商城系统 企业级电商系统</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/init.css">
    <link rel="stylesheet" href="../css/shopCar.css">
    <link rel="stylesheet" href="../css/commonCss.css">
    <link rel="icon" href="../commonImg/favicon.ico">
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/commonJs.js"></script>
    <script src="../js/shopData.js"></script>
    <script src="../js/shopcar.js"></script>
</head>

<body>
    <!--头部信息 begin-->
    <div class="myHeader">

        <div class="header">
            <div class="header_con" style="width: 100%; height: 31px; background-color: #eee; z-index: 12; position: relative;">
                <!--      地区注册 导航等....-->
                <div class="site-nav" style="width: 1200px; margin:0 auto;">
                    <div class="fl ml10">
                        <div class="city-choice" style="position: relative;">
                            <!--  地图-->
                            <div class="dsc-choie dsc-cm">
                                <i class="iconfont">&#xe634;</i>
                                <span class="ui-areamini-text fz12">郑州市</span>
                            </div>
                            <!-- 地图整体内容-->
                            <div class="dorpdown-layer" style="left: 0px;">
                                <div class="ui-areamini-content-wrap fz12">
                                    <!-- 热门城市 -->
                                    <div class="hot">
                                        <a href="javascript:void(0);">苏州市</a>
                                        <a href="javascript:void(0);">北京市</a>
                                        <a href="javascript:void(0);">天津市</a>
                                        <a href="javascript:void(0);">上海市</a>
                                    </div>
                                    <!-- 字母导航 -->
                                    <div class="search-first-letter">
                                    </div>
                                    <!-- 具体城市 -->
                                    <div class="scrollBody">
                                        <!-- 所有城市的列表 -->
                                        <div class="all-list">
                                            <ul>

                                            </ul>
                                        </div>
                                        <!-- 滚动 -->
                                        <div class="scrollBar">
                                            <div class="city_bar"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 登录注册 -->
                        <div class="txt-info fz12">
                            <a href="./login.html" class="link-login red">请登录</a>
                            <a href="./register.html" class="link-regist">免费注册</a>
                        </div>
                    </div>
                    <!-- 右边的导航 -->
                    <ul class="quick-menu fr fz12">
                        <li>
                            <div class="dt">
                                <a href="javascript:void(0)">我的订单</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="javascript:void(0)">我的浏览</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="./collect.html">我的收藏</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="javascript:void(0)">客户服务</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt dsc-cm">
                                网站导航
                                <i class="iconfont icon-down">&#xe600;</i>
                            </div>
                            <div class="dd dorpdown-layer">
                                <dl class="fore1">
                                    <dt>特色主题</dt>
                                    <dd>
                                        <div class="item">
                                            <a href="javascript:void(0);"></a>
                                        </div>
                                        <div class="item">
                                            <a href="javascript:void(0);">男装女装</a>
                                        </div>
                                        <div class="item">
                                            <a href="javascript:void(0);">鞋靴箱包</a>
                                        </div>
                                    </dd>
                                </dl>
                                <dl class="fore2">
                                    <dt>促销活动</dt>
                                    <dd>
                                        <div class="item"><a href="javascript:void(0);">拍卖活动</a></div>
                                        <div class="item"><a href="javascript:void(0);">共创商品</a></div>
                                        <div class="item"><a href="javascript:void(0);">积分商城</a></div>
                                        <div class="item"><a href="javascript:void(0);">CMS频道</a></div>
                                        <div class="item"><a href="javascript:void(0);">优惠活动</a></div>
                                        <div class="item"><a href="javascript:void(0);">超值礼包</a></div>
                                        <div class="item"><a href="javascript:void(0);">优惠券</a></div>
                                        <div class="item"><a href="javascript:void(0);">礼品卡</a></div>
                                        <div class="item"><a href="javascript:void(0);">预售商品</a></div>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="w w1200 clearfix">
                <!--    logo-->
                <div class="logo">
                    <a href="../index.html" style="width: 159px; height: 100px;">
                        <img src="../commonImg/shop_logo.gif" alt="">
                    </a>
                </div>
                <div class="tit" style="float: left; margin-top: 38px; font-size: 18px; color: #8c8c8c;">
                    购物车(<span class="cartNum" style="color: #f00;">0</span>)
                </div>
                <!--    头部内容-->
                <div class="header_con" style="width: 500px; float: right;">

                    <!-- 搜索框 -->
                    <div class="dsc-search">
                        <div class="form">
                            <form action="javascript:void(0);" class="search-form">
                                <input type="text" placeholder="周大福" class="search-text">
                                <button class="button button-goods">
                                    <i></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--头部信息 end-->
    </div>
    <div class="hre">
        <div class="car-step-item curr">
            <span>1.我的购物车</span>
            <i class="iconfont icon-tubiaozhizuomoban"></i>
        </div>
        <div class="car-step-item">
            <span>2.填写订单信息</span>
            <i class="iconfont icon-tubiaozhizuomoban tr"></i>
        </div>
        <div class="car-step-item">
            <span>3.成功提交订</span>
        </div>
    </div>
    <div class="cart-wrap">
        <!-- 购物车头部 -->
        <div class="cart-header">
            <ul class="cart-lists">
                <li class="cart-check">
                    <input type="checkbox" id="whole" class="whole-check">
                    <label for="whole" class=""></label><span>&nbsp;全选</span>
                </li>
                <li class="cart-con">商品</li>
                <li class="cart-price">单价(元)</li>
                <li class="cart-amount">数量</li>
                <li class="cart-sum">小计</li>
                <li class="cart-option">操作</li>
            </ul>
        </div>
        <!-- 购物车列表内容 -->
        <div class="cart-box">
            <div class="shop-info">
                <div class="all-check fl">
                    <!-- 商铺的全选 -->
                    <input type="checkbox" id="showall1" class="shop-check">
                    <label for="showall1"></label>
                </div>
                <div class="shop-name">
                    <a href="">绿联专卖店</a>
                    <i class="iconfont icon-kefu kefu1"></i>
                </div>
            </div>
            <!-- 购物车列表内容 -->
            <div class="cart-content">
                <ul class="cart-lists">
                    <li class="cart-check">
                        <input type="checkbox" id="check1" class="son-check">
                        <label for="check1"></label>
                    </li>
                    <li class="cart-con">
                        <div class="cart-img">
                            <a href=""><img src="../commonImg/cartS.jpg" alt=""></a>
                        </div>
                        <div class="cart-text fs12">表正品男表防水自动机械表经典钢带男士手表潮流休闲腕表5845</div>
                    </li>
                    <li class="cart-price">
                        <p class="price">10</p>
                    </li>
                    <li class="cart-amount">
                        <div class="amount-box">
                            <button class="reduce" disabled>-</button>
                            <input type="text" value="1">
                            <button class="add">+</button>
                        </div>
                    </li>
                    <li class="cart-sum">
                        <p class="price-sum">10</p>
                    </li>
                    <li class="cart-option">
                        <div class="cart-dele">删除</div>
                    </li>
                </ul>

                <ul class="cart-lists">
                    <li class="cart-check">
                        <input type="checkbox" id="check2" class="son-check">
                        <label for="check2"></label>
                    </li>
                    <li class="cart-con">
                        <div class="cart-img">
                            <a href=""><img src="../commonImg/cartS.jpg" alt=""></a>
                        </div>
                        <div class="cart-text fs12">表正品男表防水自动机械表经典钢带男士手表潮流休闲腕表5845</div>
                    </li>
                    <li class="cart-price">
                        <p class="price">20</p>
                    </li>
                    <li class="cart-amount">
                        <div class="amount-box">
                            <button class="reduce" disabled>-</button>
                            <input type="text" value="1">
                            <button class="add">+</button>
                        </div>
                    </li>
                    <li class="cart-sum">
                        <p class="price-sum">20</p>
                    </li>
                    <li class="cart-option">
                        <div class="cart-dele">删除</div>
                    </li>
                </ul>
            </div>

        </div>
    </div>

    <!-- 总价 -->
    <div class="cart-footer">
        <div class="cser">
            <input type="checkbox" id="whole" class="whole-check">
            <label for="whole" class=""></label><span>&nbsp;全选</span>
            <span>删除选中的商品</span>
            <span>移到我的收藏</span>
        </div>
        <div class="cant">
            <div class="cant-tr">
                <button>去支付</button>
            </div>
            <div class="price-sum">
                <div class="diert">总价(不含运费)：
                    <p>¥<span class="pay-price">0</span></p>
                </div>
            </div>
            <div class="reduce-sum">
                <span>已节省</span>
                <span>¥0.00</span>
            </div>
            <div class="price-sum1">
                <div>已选择:<span class="buy-num">0</span>件商品</div>
            </div>
        </div>
    </div>

    <div class="modal-bg"></div>
    <div class="modal-box">
        <div class="top">
            <h2>提示</h2>
            <p>亲,您确定要放弃该宝贝吗？</p>
            <div class="btn">
                <button class="ok">确定</button>
                <button class="close">取消</button>
            </div>
        </div>
    </div>


    <!-- 猜你喜欢 -->
    <div class="p-panel-main">
        <div class="ftit">
            <h3>猜你喜欢</h3>
        </div>
        <div class="gl-list">
            <ul class="clearfix">
                <li>
                    <a href="./details.html" style="display: block;">
                        <div class="p-img">
                            <div class="modalimg"></div>
                            <a href="">
                                <img src="../images/t1.jpg" alt="">
                            </a>
                        </div>
                        <div class="p-price">￥38.8</div>
                        <div class="p-name">
                            <a href="">红叶伞遮阳伞防紫外线黑胶防晒晴雨两用太阳...</a>
                        </div>
                        <div class="p-num">
                            已售<em>20</em>件
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部信息 -->
    <div class="bottom" style="margin-top: 50px;">
        <div class="bt">
            <div class="pic">
                <i></i>
                <span>七天包退</span>
            </div>
            <div class="pic">
                <i class="i-1"></i>
                <span>正品保障</span>
            </div>
            <div class="pic">
                <i class="i-2"></i>
                <span>好评如潮</span>
            </div>
            <div class="pic">
                <i class="i-3"></i>
                <span>闪电发货</span>
            </div>
            <div class="pic">
                <i class="i-4"></i>
                <span>权威荣誉</span>
            </div>

            <div class="pic p">
                <i class="i-6"></i>
                <span>权威荣誉</span>
            </div>
            <div class="pic p1">
                <i class="i-5"></i>
                <span>4001-021-758</span>
            </div>
        </div>
    </div>
    <!-- 底部导航 -->
    <div class="footer">
        <!-- 上部 -->
        <div class="footer-t">
            <ul>
                <h3>新手上路</h3>
                <li><a href="javascript:;">售后流程</a></li>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">订购方式</a></li>
            </ul>
            <ul>
                <h3>配送与支付 </h3>
                <li><a href="javascript:;">货到付款区域</a></li>
                <li><a href="javascript:;">配送支付智能查询</a></li>
                <li><a href="javascript:;">支付方式说明</a></li>
            </ul>
            <ul>
                <h3>服务保证 </h3>
                <li><a href="javascript:;">退换货原则</a></li>
                <li><a href="javascript:;">售后服务保证</a></li>
                <li><a href="javascript:;">产品质量保证 </a> </li>
            </ul>
            <ul>
                <h3>联系我们 </h3>
                <li><a href="javascript:;">网站故障报告</a></li>
                <li><a href="javascript:;">选机咨询 </a> </li>
                <li><a href="javascript:;">投诉与建议 </a> </li>
            </ul>
            <ul>
                <h3>会员中心</h3>
                <li><a href="javascript:;">资金管理</a></li>
                <li><a href="javascript:;">我的收藏</a></li>
                <li><a href="javascript:;">我的订单</a></li>
            </ul>
            <div class="footer-t-r">
                <div class="left">
                    <div class="img"><img src="../commonImg/ecjia_qrcode.jpg" alt=""></div>
                    <p>关注微信</p>
                </div>
                <div class="right">
                    <div class="img"><img src="../commonImg/ectouch_qrcode.jpg" alt=""></div>
                    <p>下载app</p>
                </div>
            </div>
        </div>
        <!-- 下部 -->
        <div class="footer-b">
            <div class="footer-b-c">
                <ul>
                    <li><a href="javascript:;">首页</a></li>
                    <span></span>
                    <li><a href="javascript:;">隐私保护</a></li>
                    <span></span>
                    <li><a href="javascript:;">联系我们</a></li>
                    <span></span>
                    <li><a href="javascript:;">免责条款</a></li>
                    <span></span>
                    <li><a href="javascript:;">公司简介</a></li>
                    <span></span>
                    <li><a href="javascript:;">商家入驻</a></li>
                    <span></span>
                    <li><a href="javascript:;">供应商入驻</a></li>
                    <span></span>
                    <li><a href="javascript:;">供应商入驻</a></li>
                </ul>
                <ul class="sec">
                    <li><a href="javascript:;">b2b2c</a> </li>
                    <span></span>
                    <li><a href="javascript:;">多用户商城系统</a></li>
                    <span></span>
                    <li><a href="javascript:;">商城系统</a></li>
                    <span></span>
                    <li><a href="javascript:;">ecjia新零售</a></li>
                </ul>
                <div class="copy">
                    <i>ICP备案证书号:</i>
                    <i class="i"><a href="javascript:;">沪ICP备14029880号-5</a></i>
                </div>
                <p><a href="javascript:;">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a></p>
            </div>
        </div>
    </div>
</body>

</html>